import axios from "axios";
import { ElMessage } from "element-plus";
// 真是的企业级的项目中 会根据当前的环境 进行一个配置
const baseUrl = 'http://localhost:3000'
class HttpRequest {

    constructor(baseUrl) {
        this.baseUrl = baseUrl
    }

    getInsideConfig() {
        const config = {
            baseURL: this.baseUrl,
            headers: {}
        }
        return config
    }
    interceptors(instance) {
        instance.interceptors.request.use(function (config) {
            // 在发送请求之前做些什么
            return config;
        }, function (error) {
            // 对请求错误做些什么
            return Promise.reject(error);
        });

        // 添加响应拦截器
        instance.interceptors.response.use(function (response) {
            // 2xx 范围内的状态码都会触发该函数。
            // 对响应数据做点什么
            const { data, code } = response.data
            if (code == 200) {
                return data;
            } else {
                console.log('error')
                ElMessage.error('Oops, this is a error message.')
            }

            // return response;
        }, function (error) {
            // 超出 2xx 范围的状态码都会触发该函数。
            // 对响应错误做点什么
            return Promise.reject(error);
        });
    }

    request(options) {
        const instance = axios.create()
        options = { ...this.getInsideConfig(), ...options }
        this.interceptors(instance)
        return instance(options)

    }
}

export default new HttpRequest(baseUrl)